<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 百度禁止转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait" />
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrai" />
    <!-- 禁用电话号码邮箱自动识别 -->
    <meta name="format-detection" content="telephone=no,email=no" />
    <title>demo</title>
    <link rel="stylesheet" href="./css/light.min.css" id="light" />
    <style>
      @media (prefers-color-scheme: dark) {
        body {
          background-color: #363636;
          filter: invert(100) hue-rotate(180deg);
        }
        img {
          filter: invert(100) hue-rotate(180deg);
        }
      }
    </style>
  </head>

  <body>
    <h1>demo集</h1>
    <ul>
      <li>
        <h3><a href="./瀑布流.html">瀑布流</a></h3>
      </li>
      <li>
        <h3><a href="./星星移动动画.html">星星移动动画dom版</a></h3>
      </li>
      <li>
        <h3><a href="./星星移动动画canvas.html">星星移动动画canvas版</a></h3>
      </li>
      <li>
        <h3><a href="./毛玻璃.html">毛玻璃</a></h3>
      </li>
      <li>
        <h3><a href="./移动端内核检测.html">移动端内核检测</a></h3>
      </li>
      <li>
        <h3><a href="./文字、图片展开.html">文字、图片展开</a></h3>
      </li>
      <li>
        <h3><a href="./input_check.html">input check实现的选择器</a></h3>
      </li>
      <li>
        <h3><a href="./夜间模式.html">夜间模式</a></h3>
      </li>
      <li>
        <h3><a href="./滑动穿透.html">ios滑动穿透</a></h3>
      </li>
      <li>
        <h3><a href="./form.html">ios的表单action属性</a></h3>
      </li>
    </ul>
  </body>
</html>
